<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page isELIgnored="false" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <title>为极科技 - 全国领先的手机主题服务商，专业的主题定制平台</title>
    <!--    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1″>-->
    <meta name="keywords" content="为极 ，为极科技官方网站 ，手机主题制作 ,企业推广，游戏推广，主题定制，安全鱼，设计师，招聘，主题">
    <meta name="description"
          content="为极科技专注于魅族，小米，华为，乐视，oppo，vivo，三星，联想，金立，努比亚，360平台主题设计，推出游戏上线推广，企业文化推广，影视上线推广等主题优定制，并且持续招聘主题设计师">
    <meta name="application-name" content="pc"/>
    <!--<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1″>-->
    <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
    <meta name="viewport" content="width=1280,user-scalable=yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="shortcut icon" href="/images/index/logo.ico">
    <link rel="stylesheet" href="/bootstrap-3.3.7-dist/css/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="/stylesheets/index.css">
    <link rel="stylesheet" href="/stylesheets/common.css">
</head>
<body>
<div class=" all">
    <c:import url="header.jsp"></c:import>
    <!--轮播图-->
    <section class="car-pic ">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <c:forEach var="data" items="${dataMap}">
                    <div class="swiper-slide banner_animate">
                        <img src="/image?type=0&image=${data.bimage}" alt="banner_a">
                        <img src="/image?type=0&image=${data.image}" alt="${data.title}" class="ani ">
                    </div>
                </c:forEach>
            </div>
            <!-- 如果需要分页器 -->
            <div class="page_bg"></div>
            <div class="swiper-pagination"></div>


            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>

            <!-- 如果需要滚动条 -->
        </div>
    </section>
    <!---------------------第一段文字-------------------------------------------------------->
    <section class="first_text copyr">
        <h1>为极，创造大多数</h1>
        <p class="text_intro"> 不为非凡，只为大多数，你就是不凡。为千万个不凡，享受极致体验。主题定制、应用分发、游戏开发，一个都不能少。为极科技，创造大多数，发现你的价值。</p>
    </section>
    <!------------------------------------------------------------------------------------->
    <!--三个demo-->
    <section class="demo">
        <div class="demo-01">
            <a href="https://www.lagou.com/gongsi/147569.html" target="_blank"> <img src="/images/index/demo-01.png"
                                                                                     alt="设计师照片">
                <h3>设计师招聘</h3>
                <p>招募手机主题设计师</p>
                <p>欢迎你加入为极科技</p></a>
        </div>
        <div class="demo-03">
            <img src="/images/index/demo-03.png" alt="主题优定制" style="margin-top: 8px;">
            <h3 style="">主题优定制</h3>
            <p>无痕广告级定制推广</p>
            <p>全手机平台深度曝光</p>
        </div>
        <div class="demo-02">
            <a href="http://app.forkeji.com" target="_blank"><img src="/images/index/demo-02.png" alt="安全鱼项目">
                <h3>安全鱼项目</h3>
                <p>无广告应用分发平台</p>
                <p>手机从此告别了广告</p></a>
        </div>

    </section>
    <!--公司案例-->

    <section class="project copyr">
        <div class="line"></div>
        <h1>案例介绍</h1>
        <p class="text_intro"> 为极科技，是全国领先的手机主题服务提供商，公司为全球185+个国家或地区的智能手机用户提供主题定制服务，让全世界智能手机用户界面享有美观、个性、潮流的服务。</p>
        <div class="project-content">
            <c:forEach var="data" items="${dataCase}">
                <div >
                    <a href="/themeScreenshot/user/lists?tid=${data.tid}&bimage=${data.bimage}">

                        <div>
                            <img src="/image?type=1&image=${data.image}" alt="为极主题For">
                            <span class="span">
                        <p hidden>为极科技</p>
                        <p>主题名称：${data.title}</p>
                        <p>下载量：${data.down}万</p>
                    </span>
                        </div>
                    </a>

                </div>
            </c:forEach>
        </div>
    </section>

    <!--合作商家-->
    <section class="intro copyr">
        <div class="line"></div>
        <h1>合作平台</h1>
        <p class="text_intro">
            为极科技与vivo、华为、三星、小米、OPPO、中兴、魅族等10多家国内外顶级手机制造商密切合作，消费级主题在各大平台长期保持领先水平。作品累计下载突破1000万次，单款主题突破100万次。</p>
        <div class="logo_left fl_left">
            <img src="images/index/arr_logo_left.png" alt="合作商家左箭头">
        </div>
        <div class="logo_content_box fl_left">
            <div class="intro-content ">
                <div class="logo_business">
                    <img src="/images/index/logo_meizu.png" alt="meizu">
                    <img src="/images/index/logo_xiaomi.png" alt="xiaomi">
                    <img src="/images/index/logo_huawei.png" alt="huawei">
                    <img src="/images/index/logo_leshi.png" alt="leshi">
                    <img src="/images/index/logo_oppo.png" alt="oppo">
                    <img src="/images/index/logo_vivo.png" alt="vivo">
                    <img src="/images/index/logo_samsung.png" alt="samsung">
                    <img src="/images/index/logo_lenovo.png" alt="lenovo">
                    <img src="/images/index/logo-jinli.png" alt="jinli">
                    <img src="/images/index/logo_nubiya.png" alt="nubiya">
                    <img src="/images/index/logo_360.png" alt="360">
                </div>
            </div>
        </div>
        <div class="logo_right fl_left">
            <img src="/images/index/arr_logo_right.png" alt="合作商家右箭头">
        </div>

    </section>

    <!--底部信息-->
    <c:import url="/footer.jsp"></c:import>
    <!--备案-->

</div>
<div class="top">
    <!--<img src="images/index/top.png" alt="回到顶部箭头">-->
</div>


<script src="/bootstrap-3.3.7-dist/js/jquery-3.2.1.min.js"></script>
<script src="/bootstrap-3.3.7-dist/js/swiper-3.4.2.jquery.min.js"></script>
<!--<script src="javascripts/clipboard.min.js"></script>-->
<script src="/javascripts/common.js"></script>
<script src="/javascripts/index.js"></script>
<script>
    $(document).ready(function () {
        $('.head-right li').removeClass('active');
        $('.head-right li').eq(0).addClass('active');
    });
</script>
</body>
</html>